﻿
/******************顶部导航*********************/
.header-wrap{ width: 100%; float: left;}

.logo{float:left; display: inline}
.logo img{margin:10px 0;width:150px;;}

.search-box{
	margin-top:1em;	
	background-color:#fff;
	float:right; 
	border: 1px solid #ddd;
}
.search-box .keyword{ height:32px;}
.search-box .keyword input{ 
	width:100%;
	height:32px;
	float:left; 
	border:0; 
	line-height:32px; 
	padding: 0 10px;
	background-color: #fff; 
	color:#888; 
	font-size:14px; }

.subbutter input{ 
	width:100%;
	text-align: center;
	background: #fff;
	border-left:1px solid #ddd;
}


.navbar-box{
	margin-bottom: 15px;
	height: 50px; 
	background: #1d60b2; 
	line-height: 50px;
	float: left; 
	border-radius: 4px;
	width: 100%;}

.navbar-nav { width:calc(100% -  200px);float: left; }
 .navbar-nav > li { 
	 margin:0;
	 line-height:50px; 
	 height:50px;
	 color:#fff; 
}
 .navbar-nav > li:last-child { background:none;}
 .navbar-nav > li > a {
	 font-size:16px;
	 padding:0 1.6em;
	 color:#fff;}

.navbar-nav > li:hover,
 .navbar-nav > li:focus {
	/*opacity:.8;
	filter:alpha(opacity=80);*/
	 line-height: 50px;
	 background-color: #3c88d3;
}
.navbar-box .loginbox{ 
	width: 200px; 
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	float: right; 
	background: #f4952f; 
	text-align: center; 
}
.navbar-box .loginbox .item{ 
	width:50%; 
	display: inline;
	color: #fff;
	float: left;
}
.navbar-box .loginbox .item:hover{
	opacity: .7;
}
.navbar-box .loginbox .item .fa{ padding-right: 10px; font-size: 20px; vertical-align: middle;}
.navbar-box .loginbox .item+.item { border-left: 1px solid #f9d0a7; padding: 0 20px;}


.main-title{
	line-height: 35px;
	border-bottom: 1px solid #e3e3e3;
}
.main-title h4{ position:relative;font-size: 16px; margin-top: 0; font-weight: 500; text-indent: 6px;}
.main-title h4:before{ 
	content: "";
	position: absolute;
	bottom: -12px;
	left: 0px;
	width: 80px;
	height: 2px;
	background: var(--main-color);
}
.main-title a.more{
	position: absolute;
	right:4px;
	top: 1px;
	color: #777;
	font-size: 12px;
}

.hotword-box{ 
	height: 315px;
}

.hotword-box .word-list { 
	margin-top: 5px;
	width: 100%;
}
.hotword-box .word-list li{ 
	width: 31%; 
	margin:5px 13px  7px  0;
	padding: 0 10px;
	line-height: 38px;	
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	 background: var(--main-bgcolor);
	float: left;		
	text-align: center;
}
.hotword-box .word-list li:nth-child(3n){ 
	margin-right: 0;
}
.hotword-box .word-list li:hover{ opacity: .6; 
}
.data-box{
	width: 100%;
	padding: 15px;
	border:1px solid #e3e3e3;
	margin-top: 15px;
	height: 90px;
	border-radius: 3px;
}
.data-box li{
	width: 25%;  float: left;
}

.data-box li .imgbox{ 
	display: inline-block; 
	vertical-align: middle;
}
.data-box li .imgbox img{ 
	vertical-align: middle;
	padding: 0 15px;
}

.data-box li .txt{ 
	display: inline-block;
	vertical-align: middle;
}
.data-box li .txt h4{ 
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-weight: 500;
	margin-top: 5px;
	font-size: 24px;
}
.data-box li .txt p{ margin: 0; color: #666; }

.Bidding-list{
	width:100%;
	position: relative;
	margin-top: 0px;
	float: left;
}
.Bidding-list li{
	width:33.333%;
	position: relative;
	float: left;
	padding: 10px 20px  0 0;
}
.Bidding-list li h4{
	line-height: 1.5; 
	font-size: 14px;
	width: 100%;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 5px 0;
}
.Bidding-list li span.date{
	 float: left;
	 font-size: 12px;
	color: #888;
}
.Bidding-list li span.state{
	 float: right;
	 font-size: 12px;
}

.main-list{
	width:100%;
	float: left;
	position: relative;
	padding: 15px 0;
	overflow: hidden;
}
.main-list h4 a{ font-size: 16px; color: var(--main-color)}
.main-list h4 a:hover{ opacity: .6}
.main-list p{ color:#999; font-size: 12px; height:41px; overflow: hidden;}
.h-220{height: 220px; overflow: hidden;}
.h-250{height: 250px; overflow: hidden;}
.main-list li{
	width: 100%;
	float: left;
	padding: 1px 0;
}
.main-list li a{
	display: inline-block;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main-list li a.w7{width:75%;}
.main-list li a.w8{width:85%;}
.main-list li a:before{ content: "●"; padding-right: 5px; color: #1d60b2;}
.main-list li span{
	float: right;
	display: inline-block;
	font-size: 12px;
	color: #999;
	text-align: right;
	vertical-align: middle;
}

.news-img { width:100%; float:left; margin: 15px 0 0;}
.news-img h4{ font-size: 14px; line-height: 1.5; margin: 8px 0 0;}
.news-img p{ padding-top:5px; color: #888; font-size: 12px; margin: 0;}
.news-img .imgbox{ width:100%; height:160px; overflow:hidden;}
.news-img .imgbox img{ width: 100%; height: 100%; object-fit: cover;}


.bottom-join img{ width: 100%; height:auto; object-fit: cover}


/******************banner轮播*********************/
.slideBox-gt{ width:100%; height:210px; overflow:hidden; position:relative;}
		.slideBox-gt .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox-gt .bd li{ zoom:1; vertical-align:middle; }
		.slideBox-gt .bd img{ width:100%; height:210px; display:block;object-fit:cover;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox-gt .prev,
		.slideBox-gt .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox-gt .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox-gt .prev:hover,
		.slideBox-gt .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox-gt .prevStop{ display:none;  }
		.slideBox-gt .nextStop{ display:none;  }
		
.slideBox-gt .textwrap{ width:80%; position:absolute; right:10%; top:50%; display: block; margin-top:-35px; color:#fff; text-align:center;  padding:10px 50px;  	animation: zoomOut 1s ease; -webkit-animation: zoomOut 1s ease; }
.slideBox-gt .textwrap h3{ margin-top: 10px; font-size:30px; text-shadow: 1px 1px 10px #fff; font-weight: 600;letter-spacing: 10px}
/*.slideBox-gt .textwrap h3:before{font-family:'FontAwesome';content: "\f10d"; font-size: 25px; vertical-align: top;margin-right: 20px; color: #347fbc;text-shadow: 1px 1px 10px #fff inside;}
.slideBox-gt .textwrap h3:after{font-family:'FontAwesome';content: "\f10e"; font-size: 25px; vertical-align: top;margin-right: 20px; color: #347fbc;text-shadow: 1px 1px 10px #fff inside;}*/
.slideBox-gt .textwrap p{ margin: 20px 0; font-size: 18px;}

	

.footer-link{ list-style:none; margin:6px 0 0; padding:0px 0px 10px;            width: 100%;overflow: hidden;}
.footer-link h5{ margin: 10px 0;}
.footer-link li{
	margin:0px;
	padding:0px 10px 0 0;
    list-style: none;
	display: block;
	width: 20%;
	line-height:2;
	text-align:left;
	text-overflow:ellipsis;	
	overflow:hidden; 
	white-space:nowrap;
	word-break:keep-all;
	float:left;
}

.footer-link li a{ color:#666}
.footer-link li a:hover,.footer-link li a:visited{ color:#1d60b2}



.copyright_font{ color:#ddd; 
	padding:10px 0;
	background:#5f5f5f; 
	text-align:center;
	font-size:95%}
.copyright_font a{color:#fefefe; }



@media (max-width: 1440px){
		
	.hotword-box .word-list li {
    width: 31%;
    margin: 5px 10px 7px 0;
  
}
	
}
@media (max-width: 1450px){

	
}





@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(.6)
  }
  100% {
    -webkit-transform: scale(1)
  }
}
@-moz-keyframes zoomOut {
  0% {
    -moz-transform: scale(.6)
  }
  100% {
    -moz-transform: scale(1)
  }
}
@-o-keyframes zoomOut {
  0% {
    -o-transform: scale(.6)
  }
  100% {
    -o-transform: scale(1)
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(.6)
  }
  100% {
    transform: scale(1)
  }
}

